<template>
  <div class="page">
     <customHeader  middleTitle="商户受理支付业务合作协议"   rightTitle="" @leftCallBack="handleBack"  />
    
    
    <!-- <div id="demo"></div> -->
    <img class="ydzf_img" v-for="item in imgList" :key="item" :src="item">
  </div>

</template>

<script>
// import Pdfh5 from "pdfh5";  // 这两个一定要引入
// import "pdfh5/css/pdfh5.css";
import Vue from "vue";
import customHeader from "../header/header";
export default {
  name: "ydzfsd",
  data() {
    return {
        pdfh5: null,
        imgList: ["./static/images/merPaymentAgreement/merPaymentAgreement_1.png", "./static/images/merPaymentAgreement/merPaymentAgreement_2.png", "./static/images/merPaymentAgreement/merPaymentAgreement_3.png", "./static/images/merPaymentAgreement/merPaymentAgreement_4.png", "./static/images/merPaymentAgreement/merPaymentAgreement_5.png", "./static/images/merPaymentAgreement/merPaymentAgreement_6.png", "./static/images/merPaymentAgreement/merPaymentAgreement_7.png", "./static/images/merPaymentAgreement/merPaymentAgreement_8.png", "./static/images/merPaymentAgreement/merPaymentAgreement_9.png", "./static/images/merPaymentAgreement/merPaymentAgreement_10.png",]
    };
  },
   mounted() {
    // ---------------------------- 方法一 -----------------------------
    // Pdfh5显示pdf
    // 实例化

    // this.pdfh5 = new Pdfh5("#demo", {
    //   pdfurl: "/static/merPaymentAgreement.pdf", // pdf 地址，请求的地址需要为线上的地址，测试的本地的地址是不可以的
    //   lazy: true, // 是否懒加载
    //   withCredentials: true,
    // //   renderType: "svg",
    //   maxZoom: 4, //手势缩放最大倍数 默认3
    //   scrollEnable: true, //是否允许pdf滚动
    //   zoomEnable: true, //是否允许pdf手势缩放
    //   fitWidth: true, //是否自适应宽度
    //   fitHeight: false, //是否自适应高度

    // });
    // //监听完成事件
    // this.pdfh5.on("complete", function (status, msg, time) {

    // });
  },
  methods:{
    //h5调native后退
    handleBack() {
      this.$emit('cancel',false);
    },
  },
  components: {
    customHeader
  },
};
</script>
<style lang='scss'>
@import "../../style/public";
  .protocol{
    @include remCalc(padding, 30);
  }
  .ydzf_img{
    width: 100%;
    height: auto;
  }
</style>
